import {
	defineStore
} from 'pinia'

export const useConfigStore = defineStore({
	id: 'config', // id必填，且需要唯一
	state: () => {
		return {
			Style: 'light',
			Stylemode: true, //true为自定义，false:为跟随主题色系统
		}
	},
	unistorage: {
		// 初始化恢复前触发
		beforeRestore(ctx) {},
		// 初始化恢复后触发

	},
	actions: {
		configInit() {
			this.styleInit()

		},
		styleInit() {

			// if (this.Stylemode) {

			if ('dark' == this.Style) {
				this.darkStyle()
			} else {
				this.lightStyle()
			}
			// } else {
			// this[this.Style + 'Style']();
			// 	// this.ListeneStylechange();
			// }

		},
		getUiStyle() {
			let style = plus.navigator.getUiStyle();
			if ('dark' == style) {
				this.darkStyle()
			} else {
				this.lightStyle()
			}
		},
		changeStyle() {
			this.Style == 'dark' ? this.lightStyle() : this.darkStyle()
			// #ifdef H5
			location.reload()
			// #endif
		},
		ListeneStylechange() {
			uni.onThemeChange((res) => {
				if (res.style == 'dark') {

					this.darkStyle()
				} else {

					this.lightStyle()
				}
			});
		},

		//设置导航栏，tabbar的暗色模式
		darkStyle() {

			this.Style = 'dark'

			uni.setNavigationBarColor({
				frontColor: '#ffffff',
				backgroundColor: '#1b1c1e',
				animation: {
					duration: 200

				}
			})

			// uni.setTabBarStyle({
			// 	color: '#B6B6B6',
			// 	selectedColor: '#EA8C1B',
			// 	backgroundColor: '#1F1F1F',
			// 	borderStyle: 'black'
			// })

		},

		lightStyle() {
			this.Style = 'light'

			uni.setNavigationBarColor({
				frontColor: '#000000',
				backgroundColor: '#ffffff',
				animation: {
					duration: 200

				},
				fail: (e) => {
					console.log(e)
				}
			})


			// uni.setTabBarStyle({
			// 	color: '#B6B6B6',
			// 	selectedColor: '#EA8C1B',
			// 	backgroundColor: '#1F1F1F',
			// 	borderStyle: 'black'
			// })
		},

	},


})
